<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width,initial-scale=1.0" name="viewport"/>
    <title>用户登录</title>
    <link href="css/login.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.2/css/bootstrap.min.css">
    <link href="css/login.css" rel="stylesheet" type="text/css">
    <!--  顶部图标 -->
    <link rel="icon" href="./image/logo-blue.ico">
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.2/js/bootstrap.min.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body>
<nav class="navbar navbar-expand-sm bg-light justify-content-md-center bg-dark navbar-dark">
    <a class="navbar-brand p-2 disabled" href="./index.html" id="top-title">首页</a>
    <button class="navbar-toggler " data-bs-target="#collapsibleNavbar" data-bs-toggle="collapse" type="button">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav">
            <li class="nav-item ">
                <a class="nav-link" href="./index.html">首页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./story.html">故事背景</a>
            </li>
            <li class="nav-item">

                <a class="nav-link" href="./start.html">开始游戏</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./login.html">登录/注册</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./help.html">帮助文档</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./thanks.html">鸣谢名单</a>
            </li>
        </ul>
    </div>
</nav>
<div id="login-main">
    <div class="login">
        <h2>用户登录</h2>
        <div class="login_box">
            <!-- required就是不能为空  必须在css效果中有很大的作用 -->

            <input id='name' name='name' required type="text"/>
            <label for="name">用户名</label>
        </div>
        <div class="login_box">

            <input id='pwd' name='pwd' required="required" type="password">
            <label for="pwd">密码</label>
        </div>
        <a href="javascript:void(0)">
            登录
        </a>
        <a href="#">注册</a>

    </div>
</div>
</body>
</html>
